<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店 | 酒店预定</title>
        <link rel="stylesheet" type="text/css" href="css/init.css"/>
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/create.css">
        <script src="js/jquery-3.3.1.js"></script>
		<script src="js/moment.js"></script>
		<script src="js/laydate.js"></script>
	</head>
	<body>
		<header>
			<div class="header-title clearfix">
				<div class="lf">
					<a href="homepage.html">
						<img src="img/logo_white.png" alt="" class="logo">
						酒店项目
					</a>
				</div>
				<div class="information gt">
                    <div class="not_login">
                        <a href="register.html" class="turnRegister">
                            登录
                        </a>
                        <a href="login.html" class="turnLogin">
                            注册
                        </a>
                    </div>
                    <div class="user" style="display:none">
                        <a href="" name="a1" style="display:inline-block">
                            <img src="img/4.jpg" class="userHead">
                        </a>
                        <span class="userName"></span>
                        <i class="arrow"></i>						
                        <div class="user-list">
                            <div class="triangle"></div>
                            <ul>
                                <li>
                                    <a id="personal-main" href="userSetting.html"><img src="img/icon_my.png">个人中心</a>
                                </li>
                                <li>
                                    <a href="userSetting.html"><img src="img/icon_setting.png">账户设置</a>
                                </li>
                                <li>
                                    <!-- <a href="login.html#login"> -->
                                    <a class="logout" href="login.html"><img src="img/icon_out.png">退出登录</a>
                                </li>
                            </ul>
                        </div>
                        <a href="payList.html" class="turnMyoder">
                            我的订单
                        </a>
                    </div>
                </div>
			</div>
        </header>
        <div class="create_main clearfix">
            <div class="hotel_msg lf">
                <div class="hotel_img">
                    <img src="img/1.jpg">
                </div>
                <div class="hotel_summarize">
                    <h4>西安开元名都大酒店</h4>
                    <p class="hotel_address">碑林区友谊东路33号，西藏驻西安办事处家属院内</p>
                    <p class="hotel_hotline">商家热线：<span>029-87381606</span></p>
                </div>
                <div class="hotel_detail">
                    <div class="bedtype">
                        豪华大床房
                    </div>
                    <ul>
                        <li class="bedType">床型：<span>大床1.8米</span></li>
                        <li class="bedArea">面积：<span>45</span>M²</li>
                        <li class="internet">宽带：<span>WIFI</span></li>
                        <li class="breakfast">早餐：<span>双早</span></li>
                    </ul>
                </div>
            </div>
            <div class="reserve_msg gt">
                <div class="reserve_top">
                    <h4>预订信息</h4>
                    <p class="roomtype">房型名称：<span>豪华大床房</span></p>
                    <div class="calendar">
                        入住时间：
                        <div class="ruzhu">
                            <input type="text" placeholder="请选择入住时间" class="demo-input" id="enter_time">
                            <span id="startDay"></span>
                        </div>
                        <span>至</span>
                        <div class="tuifang">
                            <input type="text" placeholder="请选择退房时间" class="demo-input" id="leave_time">
                            <span id="endDay"></span>
                        </div>
                        <div class="totalTime">
                            
                        </div>
                    </div>
                    <div class="room_num">
                        房间数量：<input type="text" class="total_num" value="1" readonly="readonly">
                        <div class="minus"><img src="img/icon_minus.png"></div>
                        <div class="plus"><img src="img/icon_plus.png"></div>
                    </div>
                    <div class="price_total">
                        <span>房费总计：</span>¥<span class="fontred">788</span>
                    </div>
                </div>
                <div class="reserve_middle">
                    <h4>入住信息</h4>
                    <div class="guest_name">
                        <span class="must"><img src="img/icon_must.png"></span>客人姓名：<input type="text" placeholder="只需填写一位" class="guestName"><span class="wrongMsg_name">至少填写一位客人姓名</span>
                    </div>
                    <div class="guest_phone">
                        <span class="must"><img src="img/icon_must.png"></span>联系电话：<input type="text" class="guestPhone"><span class="wrongMsg_phone">至少填写一位客人电话</span>
                    </div>
                </div>
                <div class="reserve_bottom clearfix">
                    <div class="lf">
                        如需发票，请向酒店前台索取.
                        <div class="errorMsg">
                            
                        </div>
                    </div>
                    <div class="gt">
                        <span>需支付：</span>　¥<span class="fontred">788</span>
                        <div class="submit">提交订单</div>
                    </div>
                </div>
            </div>
        </div>
        <footer>
            Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3
        </footer>       
    </body>	
	<script src="js/common.js"></script>
	<script src="js/create.js"></script>
</html>
    